
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>EShopManager</title>
<meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">


<link rel="stylesheet" type="text/css"
	href="${pageContext.request.contextPath}/static/lib/bootstrap/css/bootstrap.css" />
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/static/stylesheets/theme.css" />
<link rel="stylesheet" href="${pageContext.request.contextPath}/static/lib/font-awesome/css/font-awesome.css" />
<script src="${pageContext.request.contextPath}/static/lib/jquery-1.8.1.min.js" type="text/javascript"></script>
	<script src="${pageContext.request.contextPath}/static/lib/vue.js" type="text/javascript"></script>

<!-- Demo page code -->

<style type="text/css">
#line-chart {
	height: 300px;
	width: 800px;
	margin: 0px auto;
	margin-top: 1em;
}

.brand {
	font-family: georgia, serif;
}

.brand .first {
	color: #ccc;
	font-style: italic;
}

.brand .second {
	color: #fff;
	font-weight: bold;
}
</style>

	<script type="text/javascript">
    	
	    /**全选、全不选**/
	    $(function() {
	  	  $("#all_ck").change(function(){
	  		  if ($(this).is(':checked')) {//全选
	  			  $("[name=ck]:checkbox").each(function(){
	  				  this.checked=true;
	  			  		//$(this).attr("checked",true);
	  			  });
	  		  }else{//全不选
	  			  $("[name=ck]:checkbox").each(function(){
	  				  this.checked=false;
	  			  		//$(this).attr("checked",false);
	  			  });
	  		  } 
	  		  
	  		});
	  	  	
	  	});
    
    </script>
	
</head>
<body>


<c:import url="top.jsp"></c:import>
<c:import url="left.jsp"></c:import>



	<div id="man">
	<div class="content">
		<div class="header">
			<h1 class="page-title">商品管理</h1>
		</div>

		<ul class="breadcrumb">
			<li><a href="bookmanager.jsp">商品管理</a> <span class="divider">/</span></li>
			<li class="active">查看商品信息</li>
		</ul>

		<div class="container-fluid">
			<div class="row-fluid">

				<div class="block">
					<a href="#page-filter" class="block-heading" data-toggle="collapse">筛选</a>
					<div id="page-filter" class="block-body collapse in">
						<div class="search-well">
							<form  class="form-inline" role="search"
								action="books/query.action" method="post">
								<input type="text" class="goods" placeholder="请输入商品名称"
										name="book_name" value="" /> 

								<select class="form-control" name="type_id">
									<option value="0" selected='selected'>--请选择分类--</option>
									<option   v-for="(type,i) in typeArray" :key="i" :value="type.type_id" >{{type.type_name}}</option>
								</select>
								<button type="button" class="btn btn-default" @click="selectgoodsinfo()" ><i class="icon-search"></i> 查询</button>

							</form>
						</div>
					</div>
				</div>
			</div>

			<div class="row-fluid">
				
						<span>共有 <b>{{goodsArrayinfo}}</b> 条记录</span>
						
						<div class="well">



						
							
							<table class="table">
								<thead>
									<tr id="theTableTitle">
										<th>
											编号
										</th>
										<th>名称</th>
										<th>价格</th>
										<th>所属分类</th>
										<th>发布时间</th>
										<th>操作</th>
									</tr>
								</thead>
								
								<tbody>



								<tr v-for="(info,i) in goodsArray" :key="i">
									<td>
										{{info.goods_id}}
									</td>

									<td>{{info.goods_name}}</td>
									<td>￥{{info.goods_old_price}}</td>
									<td>{{info.type_name}}</td>
									<td>{{info.release_time_String}}</td>


									<td>
										<a href="javascript:" @click="deletegoods(info.goods_id)" title="删除"><i class="icon-remove"></i></a>
									</td>
								</tr>


<%--										<tr v-for="(bookinfo,i) in bookArray" :key="i">--%>
<%--											<td>--%>
<%--												<input type="checkbox" id="ck" name="ck" :value="bookinfo.book_id" />--%>
<%--												{{bookinfo.book_id}}--%>
<%--											</td>--%>
<%--											<td>{{bookinfo.book_name}}</td>--%>
<%--											<td>￥{{bookinfo.book_price}}</td>--%>
<%--											<td>--%>

<%--													<a href="javascript:updateIsOnline(56,0)"><img src="${pageContext.request.contextPath}/static/images/yes.gif"></a>--%>


<%--											</td>--%>
<%--											<td>--%>


<%--													<a href="javascript:updateIsNew(56,0)"><img src="${pageContext.request.contextPath}/static/images/yes.gif"></a>--%>

<%--											</td>--%>
<%--											<td>--%>


<%--													<a href="javascript:updateIsHot(56,0)"><img src="${pageContext.request.contextPath}/static/images/yes.gif"></a>--%>

<%--											</td>--%>
<%--											<td>{{bookinfo.book_author}}</td>--%>
<%--											<td>{{bookinfo.type_name}}</td>--%>
<%--											<td>{{bookinfo.store_count}}</td>--%>
<%--											<td>--%>
<%--												<a href="http://localhost:8080/eshop_v2/productinfo.action?bookId=56" title="查看" target="_blank">--%>
<%--													<i class="icon-search"></i>--%>
<%--												</a>--%>
<%--												<a href="books/queryinfo/56" title="编辑"><i class="icon-pencil"></i></a>--%>
<%--	              								<a href="javascript:deleteClick(56)" title="删除"><i class="icon-remove"></i></a>--%>
<%--											</td>--%>
<%--										</tr>--%>
									



								</tbody>

							</table>
						</div>
						<div class="pagination pagination myul">
							<ul>
								
									<li class='disabled'><a href="#">&laquo;首页</a></li>
									<li class='disabled'><a href="#">上一页</a></li>
								
								
								
								<li><a href="#">1</a></li>
								<li class='active'><a href="#">2</a></li>
								<li><a href="#">3</a></li>
								<li><a href="#">4</a></li>
								
								
								
									<li><a href="books/query.action?
									currentPage=2&book_name=&book_author=
									&status=">下一页</a></li>
									
									<li><a href="books/query.action?
									currentPage=3&book_name=&book_author=
									&status=">尾页&raquo;</a></li>
								
								
							</ul>
						</div>

					
				

			</div>



			<%-- 引入尾部页面 --%>
			<c:import url="footer.jsp"></c:import>

			</div>


		</div>
	</div>



<script>

	var boy =new Vue({
		el:"#man",
		data:{
			goodsArray:[],
			typeArray:[],
			//商品长度
			goodsArrayinfo:{}

		},
		methods:{
			//查询所有图书信息
			selectAllBook(){
				$.post("${pageContext.request.contextPath }/goods/selectgoods.do",function(goods){
					if (goods.code==200){
						boy.goodsArray=goods.data;
						//获取数组的长度等于商品数量
						var a = boy.goodsArray.length
						boy.goodsArrayinfo=a
						console.log(goods.data)

					}
				})
			},
			//查询分类的下拉列表
			selectType(){
				$.post("${pageContext.request.contextPath }/type/selectType.do",function(typeinfo){
					if (typeinfo.code==200){
						boy.typeArray=typeinfo.data;
						console.log(typeinfo.data)

					}
				})
			},
			//模糊查询
			selectgoodsinfo(type_id){

				//获取商品名称
				var goods = $(".goods").val();
				//获取分类id
				var type_id = $(".form-control").find("option:selected").val();
				console.log(type_id)

				$.post("${pageContext.request.contextPath }/goods/selectgoodsinfo.do",{"goods_name":goods,"type_id":type_id},function(goods){

					if (goods.code==200){
						boy.goodsArray=goods.data;
						//console.log(goods.data)

					}
				})
			},
			//删除商品
			deletegoods(even){

				$.post("${pageContext.request.contextPath }/goods/deletegoods.do",{"goods_id":even},function(goods){

					alert("删除成功！！！")
					//刷新页面
					window.location.reload();
				})

			}

		},
		created(){
			//查询全部书籍信息
			this.selectAllBook()
			//查询分类名称
			this.selectType()

		}
	})


</script>



<%--	<script src="${pageContext.request.contextPath}/static/lib/bootstrap/js/bootstrap.js"></script>--%>
<%--	<script type="${pageContext.request.contextPath}/text/javascript" src="static/lib/tooltips.js"></script>--%>
<%--	<script type=/text/javascript">--%>
<%--		$("[rel=tooltip]").tooltip();--%>

<%--		function deleteClick(book_id) {--%>
<%--			if(confirm("你确定要移入商品回收站吗？")){--%>
<%--				show_loading();--%>
<%--				//ajax请求servlet--%>
<%--			    var url="books/trash/"+book_id;--%>

<%--				$.post(url,null,function(response){--%>
<%--					var jsonData=$.parseJSON(response);--%>
<%--					var result=jsonData.status;--%>

<%--					var responseUrl="books/query.action";--%>
<%--					if(result=="200"){--%>
<%--						show_msg('操作成功',responseUrl);--%>
<%--					}else{--%>
<%--						show_err_msg('操作失败');--%>
<%--					}--%>

<%--				});--%>
<%--			}--%>
<%--		}--%>

<%--		function updateIsNew(book_id,status) {--%>

<%--			show_loading();--%>
<%--			//ajax请求servlet--%>
<%--		    var url="books/updatenew.action";--%>
<%--			var data={--%>
<%--					book_id:book_id,--%>
<%--					status:status--%>
<%--			};--%>

<%--			$.post(url,data,function(response){--%>
<%--				var jsonData=$.parseJSON(response);--%>
<%--				var result=jsonData.status;--%>

<%--				var responseUrl="books/query.action";--%>
<%--				if(result==200){--%>
<%--					show_msg('操作成功',responseUrl);--%>
<%--				}else{--%>
<%--					show_err_msg('操作失败');--%>
<%--				}--%>

<%--			});--%>

<%--		}--%>

<%--		function updateIsOnline(book_id,status) {--%>

<%--			show_loading();--%>
<%--			//ajax请求servlet--%>
<%--		    var url="books/updateonline.action";--%>
<%--			var data={--%>
<%--					book_id:book_id,--%>
<%--					status:status--%>
<%--			};--%>

<%--			$.post(url,data,function(response){--%>
<%--				var jsonData=$.parseJSON(response);--%>
<%--				var result=jsonData.status;--%>

<%--				var responseUrl="books/query.action";--%>
<%--				if(result==200){--%>
<%--					show_msg('操作成功',responseUrl);--%>
<%--				}else{--%>
<%--					show_err_msg('操作失败');--%>
<%--				}--%>

<%--			});--%>

<%--		}--%>

<%--		function updateIsHot(book_id,status) {--%>

<%--			show_loading();--%>
<%--			//ajax请求servlet--%>
<%--		    var url="books/updatehot.action";--%>
<%--			var data={--%>
<%--					book_id:book_id,--%>
<%--					status:status--%>
<%--			};--%>

<%--			$.post(url,data,function(response){--%>
<%--				var jsonData=$.parseJSON(response);--%>
<%--				var result=jsonData.status;--%>

<%--				var responseUrl="books/query.action";--%>
<%--				if(result==200){--%>
<%--					show_msg('操作成功',responseUrl);--%>
<%--				}else{--%>
<%--					show_err_msg('操作失败');--%>
<%--				}--%>

<%--			});--%>

<%--		}--%>

<%--		$(function() {--%>
<%--			$('.demo-cancel-click').click(function() {--%>
<%--				return false;--%>
<%--			});--%>

<%--			$("#btnUpdate").click(function(){--%>
<%--				var control=$("select[name='control']").val();--%>
<%--				if (control=='') {--%>
<%--					show_err_msg("请选择您要的操作");--%>
<%--				}else{--%>

<%--					var ckValArray=[];--%>
<%--					$("input[name='ck']:checked").each(function(){--%>
<%--						ckValArray.push($(this).val());--%>
<%--					});--%>

<%--					if (ckValArray.length==0) {--%>
<%--						show_err_msg("请选择编号");--%>
<%--					}else{--%>
<%--						show_loading();--%>

<%--						var bookIds=ckValArray.join(",");--%>
<%--						var url="books/updatestatus.action";--%>
<%--						var data={--%>
<%--								control:control,--%>
<%--								bookIds:bookIds--%>
<%--						};--%>

<%--						$.post(url,data,function(response){--%>
<%--							var jsonData=$.parseJSON(response);--%>
<%--							var result=jsonData.status;--%>

<%--							var responseUrl="books/query.action";--%>
<%--							if(result==200){--%>
<%--								show_msg('操作成功',responseUrl);--%>
<%--							}else{--%>
<%--								show_err_msg('操作失败');--%>
<%--							}--%>

<%--						});--%>

<%--					}--%>

<%--				}--%>
<%--			});--%>

<%--		});--%>
<%--	</script>--%>





</body>
</html>